<template>
  <div class="body-layout">
		<header class="top-header">
			<!-- 返回按钮 -->
      <a @click="$router.back(-1);" class="header-left"></a>
			<article class="header-middle">登录</article>
		</header>
    <!-- 登录 -->
    <article class="vf-login marginTop44">
      <div class="vf-login_welcome">
        <p>欢迎使用V房</p>
        <div class="tips" @click="goUserP">您注册/登录即代表您同意<em>《用户协议》</em></div>
      </div>
      <div class="vf-login_more">
        <p>请选择您的登录方式：</p>
        <ul>
          <li></li>
          <li @click="goWX" v-stat='{button_type:29,extra:""}'>
            <a href="javascript:void(0);">
              <img src="../assets/images/icon-wx.png" alt="">
              <p>微信</p>
            </a>
          </li>
          <li></li>
          <!--<li>-->
          <!--<a href="javascript:;">-->
          <!--<img src="../assets/images/icon-qq.png" alt="">-->
          <!--<p>QQ</p>-->
          <!--</a>-->
          <!--</li>-->
          <!--<li>-->
          <!--<a href="javascript:;">-->
          <!--<img src="../assets/images/icon-wb.png" alt="">-->
          <!--<p>新浪微博</p>-->
          <!--</a>-->
          <!--</li>-->
        </ul>
      </div>
    </article>
    <!-- 底部快速入口 -->
    <Footer type="my"></Footer>
  </div>
</template>

<script>

  import Footer from '@/components/Footer'
  import util from '@/lib/util'

  export default {
    name: 'Login',
    components: {
      Footer
    },
    created: function () {
      util.vars.in_time = new Date().getTime();
    },
    methods: {
      goUserP: function () {
        this.$router.push({name: 'UserProtocol'})
      },

      goWX: function () {
        window.location.href = util.vars.wxLink;
      }
    }
  }
</script>
